
body { background-repeat:no-repeat; font-family: arial; font-size: 10pt; overflow-y: scroll }

a { font-size: 14pt; font-weight: bold; color: blue }
a.small-link { font-size: 10pt }
.text { font-size: 12pt; line-height: 150% }
.hint { font-size: 10pt; line-height: 150% }
.margin-top { margin-top: 20px }
.small-photo { width: 46px; height: 62px; margin: 10px 0px 0px 10px; border: 2px solid white; float: left }
.anonymous { background: url( '/static/img/anonymous.png' ) }

.link { color: blue; cursor: pointer; text-decoration: underline }

.gray-bnt-link { cursor: pointer; background: rgb( 170, 170, 170 ); padding: 3px; color: white; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; }
.gray-bnt-link:hover { background: rgb( 185, 185, 185 ) }

.small-bold { font-size: 12pt; font-weight: bold }

a.black { color: rgb( 40, 40, 40 ) }


div.content { padding: 20px 20px 20px 20px; width: 800px; margin: auto; }

div.img-caption { width: 112px; font: 10pt arial; font-weight: bold; color: white; vertical-align: middle; text-align: center; }

div.gray-arrow { background: url( "/static/img/update-inactive.png" ) no-repeat }
div.gray-arrow:hover { background: url( "/static/img/update-active.png" ) no-repeat }
div.gray-arrow-disabled { background: url( "/static/img/update-inactive.png" ) no-repeat }
div.pay { background: url("/static/img/pay-inactive.png") }
div.pay:hover { background: url("/static/img/pay-active.png") }
.gray { color: rgb( 170,170,170 ) }
div.answer0 { background: rgb(127,127,127) }
div.answer1 { background: rgb(255,127,39) }
div.answer2 { background: rgb(35,186,81) }
div.answer-unknown { background: rgb(170,170,170) }

.start-photo-caption { margin-top: 110px; text-align: center; color: white; font-size: 10pt; font-weight: bold; }
.start-photo-caption > a { text-decoration: none; border-bottom: 1px dashed; border-color: white; color: white; font-size: 10pt; display: inline-block; background: url( "/static/img/membrane.png" ) }


.photo-caption { display: none; margin: 90px 5px 5px 5px; text-align: center; color: white; font-size: 10pt; font-weight: bold; }
.photo-caption > div { cursor: pointer; border-bottom: 1px dashed; border-color: white; display: inline-block; background: url( "/static/img/membrane.png" ) }
.ancet-small-photo { display: inline; margin-right: 9px; width: 30px; height: 30px }
.ancet-small-photo-last { display: inline; width: 30px; height: 30px }
.message-link { font-size: 12pt; text-decoration: none; border-bottom-width: 1px; cursor: pointer; color: rgb( 40, 40, 40 ) }
.dashed { border-bottom-style: dashed }
.solid { border-bottom-style: solid }
.message-link:hover { color: rgb( 20,20,20 ) }
.send-message-color { color: rgb( 40, 40, 40 ) }

.category-title { font-size: 16pt; font-weight: bold; font-style: italic }
.new-category { margin-top: 40px }

.choose-item { padding: 10px; }
.choose-item-selected { background: rgb( 180, 180, 180 ); border: 1px rgb(180,180,180) solid; cursor: default; }
.choose-item-deselected { border: 1px rgb(180,180,180) dashed;  cursor: pointer }

.choose-item-container { font-size: 12pt; margin-top: 7px; overflow: hidden }

ul { line-height: 150% }

.payment-item-header { font-size: 12pt; }
.payment-item { margin-top: 20px; }
.payment-item > span { border-bottom: 1px rgb( 200, 200, 200 ) dashed; cursor: pointer; color: rgb( 215, 215, 215 ) }
.payment-item > span:hover { color: white }
.payment-item > span > .profit { color: rgb(35,206,81); }
.payment-item > span:hover > .profit { color: rgb(45, 226, 95 ); }

.dashed_link { cursor: pointer; border-bottom: 1px dashed; color: rgb( 100, 100, 100 ) }
.dashed_link:hover { color: rgb( 120, 120, 120 ) }

.dark_dashed_link { cursor: pointer; border-bottom: 1px dashed; color: rgb( 60, 60, 60 ) }
.dark_dashed_link:hover { color: rgb( 80, 80, 80 ) }

div.blue-button { background: rgb( 0, 0, 255 ); cursor: pointer; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-style: italic; font-size: 10pt; color: white; padding: 10px; display: inline }
div.blue-button:hover { background: rgb( 40, 40, 255 ) }

.two_contacts_required { background: url( "/static/img/membrane.png" ); color: rgb( 40, 40, 40 ); font-weight: bold; font-size: 12pt; padding: 10px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
div.phrase-image { height: 60px; width: 60px; }
div.phrase-button { cursor: pointer; height: 60px; vertical-align: middle; color: white; font: italic 10pt arial; width: 270px; padding: 0px 0px 0px 10px; }

div.phrase-button-daily { background-color: rgb( 120, 120, 120 ); }
div:hover > div.phrase-button-daily { background-color: rgb( 140, 140, 140 ); }
div.phrase-button-my { background-color: rgb( 40, 40, 40 ); }
div:hover > div.phrase-button-my { background-color: rgb( 60, 60, 60 ); }
div.phrase-button-sexy { background-color: rgb(213,15,31) }
div:hover > div.phrase-button-sexy { background-color: rgb(255,18,37) }

.sexy-color { color: rgb(213,15,31) }

.phrase-image-my { background-image: url( "/static/img/phrase-image-my-gray.png" ) }
div:hover > div.phrase-image-my { background-image: url( "/static/img/phrase-image-my.png" ) }

.phrase-image-daily_M { background-image: url( "/static/img/phrase-image-daily-gray_M.png" ) }
div:hover > div.phrase-image-daily_M { background-image: url( "/static/img/phrase-image-daily_M.png" ) }

.phrase-image-daily_F { background-image: url( "/static/img/phrase-image-daily-gray_F.png" ) }
div:hover > .phrase-image-daily_F { background-image: url( "/static/img/phrase-image-daily_F.png" ) }

.phrase-image-sexy_M { background-image: url( "/static/img/phrase-image-sexy-gray_M.png" ) }
div:hover > .phrase-image-sexy_M { background-image: url( "/static/img/phrase-image-sexy_M.png" ) }

.phrase-image-sexy_F { background-image: url( "/static/img/phrase-image-sexy-gray_F.png" ) }
div:hover > .phrase-image-sexy_F { background-image: url( "/static/img/phrase-image-sexy_F.png" ) }

.payed-mode-label { font-size: 10pt; color: rgb( 140, 140, 140 ); cursor: default }

.menu-link { border-bottom: 1px dashed; cursor: pointer; color: rgb( 60, 60, 60 ); font: 10pt arial }
.menu-link:hover { color: rgb( 100, 100, 100 ) }

.my-phrase { font-family: times; font-size: 14pt; resize: none; outline: none; }

div.phrase-blue-button { background: rgb( 20, 20, 255 ); cursor: pointer; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-style: italic; font-size: 10pt; color: white; padding: 5px; display: inline }
div.phrase-blue-button:hover { background: rgb( 40, 40, 255 ) }
div.phrase-blue-button-inactive { background: rgb( 60, 60, 255 ); cursor: default; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; font-style: italic; font-size: 10pt; color: white; padding: 5px; display: inline }

.anketa-caption { margin-top: 100px; text-align: center; color: white; font-weight: bold; background: url( "/static/img/membrane.png" ); display: none; padding: 5px 0px 5px 0px }
.anketa-caption > a {  font-size: 10pt; font-weight: bold; font-family: arial; color: white; }
div:hover > .anketa-caption { display: block }

span.blue-link { border-bottom: 1px dashed; border-color: rgb( 0, 0, 127 ); color: rgb( 0, 0, 127 ); cursor: pointer }
span.blue-link:hover { border-color: rgb( 0, 0, 202 ); color: rgb( 0, 0, 202 ) }

div.add-to-my-phrases-image { background-repeat: no-repeat; width: 24px; height: 24px }

div.white-desk { background: rgb( 240, 240, 240 ); padding: 20px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }

div.random-phrase { background-image: url( '/static/img/notebook.jpg' ); position: fixed; top: 260px; right: -250px; z-index: 3; width: 250px; height: 200px }
div.random-phrase > div > img { margin: 10px 0px 0px 46px; float: left; display: block; width: 46px; height: 62px }
div.random-phrase > div > div { float: left; margin: 10px 0px 0px 10px; font-family: comic sans ms }
div.random-phrase > div > div > a { color: rgb( 20, 20, 20 ); text-decoration: underline; font-size: 10pt }
div.random-phrase > div.phrase { color: blue; margin: 10px 0px 0px 56px; font-family: comic sans ms }
div.random-phrase > div.add-to-my-phrases { margin: 10px 0px 0px 56px; font-family: comic sans ms; }
div.random-phrase > div.add-to-my-phrases > span { border-bottom: 1px dashed; cursor: pointer }
